{% extends "base.html" %}
{% load i18n %}
{% block head-css-ext %}
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/layout.css" />
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/jquery-ui.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/forms.css" media="screen" />  
{% endblock %}

{% block head-js-ext %}
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery-ui.js"></script>
{% endblock %}

{% block head-js-embedded %}
  <script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
      $("input:submit", ".enviar").button();
    });
  </script>
{% endblock %}

{% block navigation %}
  <ul>
    <li><a href="{% url index %}" class="first">{% trans "Home" %}</a></li>
  </ul>
{% endblock %}

{% block content-box1 %}
  <h2>Recuperar Password</h2>
  <form method="post" action=".">{% csrf_token %}
	<table>
	  <tr>
		<td><label for="id_email">Correo electrónico:</label>{% if form.email.errors %}<div class="error">{{ form.email.errors|join:", " }}</div>{% endif %}</td>
		<td>{{ form.email }}</td>
	  </tr>	  
	</table>
	<br>
	<div class="enviar">
	  <input type="submit" value="Enviar" />
	</div>
  </form>
{% endblock %}
